﻿<%@ Page Title="Events" Language="C#" MasterPageFile="~/Master/BookClub.Master" AutoEventWireup="true" CodeBehind="meetings.aspx.cs" Inherits="BookClubIt.meetings" %>
<%@ Register TagPrefix="uc" TagName="clubnav" Src="~/UserControls/clubmenu.ascx" %>
<%@ Register TagPrefix="uc" TagName="joinbox" Src="~/UserControls/joinbox.ascx"  %>
  <%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
<script type="text/javascript">
   $(document).ready(function () {
    $('.localMeeting').click(function () {
        if ($(this).is(':checked')) {
            $("#localDiv").show();
        } else {
            $("#localDiv").hide();
        }
    });
}); 
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
 <asp:ScriptManager ID="ScriptManager1" runat="server" />
<div class="row">
<div class="left-nav">
<uc:clubnav id="clubnav"  runat="server" />
</div>

<div class="content">
<h1><small>Meetings</small></h1>
<p>Create meetings for your book club. Arrange times to meet online to discuss or create a local meeting to meet up with your friends.</p>

  <asp:Button ID="btnOpenModal" runat="server" Text="Create a meeting" CssClass="btn btn-primary" Visible="false" />

<asp:Panel ID="popupPanel" runat="server" Style="display: none" CssClass="popup" Height="600px" Width="600px">
<asp:Button ID="cancelbutton" runat="server" Text="x" CssClass="close-button" />
<h2><small>Create a Meeting</small></h2>
<div class="form-horizontal">

<div class="control-group">
<label class="control-label" for="input01"><b style="color:#ff0000">*</b>Meeting Name:</label>
<div class="controls">
<asp:TextBox ID="txtMeetingTitle" runat="server" CssClass="" Width="300px" />
</div>
</div>

<div class="control-group">
<div class="controls">
<input type="checkbox" class="localMeeting" name="localMeeting"/> This meeting meets in real life.
</div>
</div>
<div id="localDiv" style="display:none;">
<div class="control-group">
<label class="control-label" for="input01">Street:</label>
<div class="controls">
<asp:TextBox ID="txtStreet" runat="server" CssClass="" Width="200px" />
</div>
</div>

<div class="control-group">
<label class="control-label" for="input01">City:</label>
<div class="controls">
<asp:TextBox ID="txtCity" runat="server" CssClass="" Width="200px" />
</div>
</div>

<div class="control-group">
<label class="control-label" for="input01">State:</label>
<div class="controls">
<asp:DropDownList ID="ddlStateList" runat="server" Width="125px">
	<asp:ListItem Value="AL">Alabama</asp:ListItem>
	<asp:ListItem Value="AK">Alaska</asp:ListItem>
	<asp:ListItem Value="AZ">Arizona</asp:ListItem>
	<asp:ListItem Value="AR">Arkansas</asp:ListItem>
	<asp:ListItem Value="CA">California</asp:ListItem>
	<asp:ListItem Value="CO">Colorado</asp:ListItem>
	<asp:ListItem Value="CT">Connecticut</asp:ListItem>
	<asp:ListItem Value="DC">District of Columbia</asp:ListItem>
	<asp:ListItem Value="DE">Delaware</asp:ListItem>
	<asp:ListItem Value="FL">Florida</asp:ListItem>
	<asp:ListItem Value="GA">Georgia</asp:ListItem>
	<asp:ListItem Value="HI">Hawaii</asp:ListItem>
	<asp:ListItem Value="ID">Idaho</asp:ListItem>
	<asp:ListItem Value="IL">Illinois</asp:ListItem>
	<asp:ListItem Value="IN">Indiana</asp:ListItem>
	<asp:ListItem Value="IA">Iowa</asp:ListItem>
	<asp:ListItem Value="KS">Kansas</asp:ListItem>
	<asp:ListItem Value="KY">Kentucky</asp:ListItem>
	<asp:ListItem Value="LA">Louisiana</asp:ListItem>
	<asp:ListItem Value="ME">Maine</asp:ListItem>
	<asp:ListItem Value="MD">Maryland</asp:ListItem>
	<asp:ListItem Value="MA">Massachusetts</asp:ListItem>
	<asp:ListItem Value="MI">Michigan</asp:ListItem>
	<asp:ListItem Value="MN">Minnesota</asp:ListItem>
	<asp:ListItem Value="MS">Mississippi</asp:ListItem>
	<asp:ListItem Value="MO">Missouri</asp:ListItem>
	<asp:ListItem Value="MT">Montana</asp:ListItem>
	<asp:ListItem Value="NE">Nebraska</asp:ListItem>
	<asp:ListItem Value="NV">Nevada</asp:ListItem>
	<asp:ListItem Value="NH">New Hampshire</asp:ListItem>
	<asp:ListItem Value="NJ">New Jersey</asp:ListItem>
	<asp:ListItem Value="NM">New Mexico</asp:ListItem>
	<asp:ListItem Value="NY">New York</asp:ListItem>
	<asp:ListItem Value="NC">North Carolina</asp:ListItem>
	<asp:ListItem Value="ND">North Dakota</asp:ListItem>
	<asp:ListItem Value="OH">Ohio</asp:ListItem>
	<asp:ListItem Value="OK">Oklahoma</asp:ListItem>
	<asp:ListItem Value="OR">Oregon</asp:ListItem>
	<asp:ListItem Value="PA">Pennsylvania</asp:ListItem>
	<asp:ListItem Value="RI">Rhode Island</asp:ListItem>
	<asp:ListItem Value="SC">South Carolina</asp:ListItem>
	<asp:ListItem Value="SD">South Dakota</asp:ListItem>
	<asp:ListItem Value="TN">Tennessee</asp:ListItem>
	<asp:ListItem Value="TX">Texas</asp:ListItem>
	<asp:ListItem Value="UT">Utah</asp:ListItem>
	<asp:ListItem Value="VT">Vermont</asp:ListItem>
	<asp:ListItem Value="VA">Virginia</asp:ListItem>
	<asp:ListItem Value="WA">Washington</asp:ListItem>
	<asp:ListItem Value="WV">West Virginia</asp:ListItem>
	<asp:ListItem Value="WI">Wisconsin</asp:ListItem>
	<asp:ListItem Value="WY">Wyoming</asp:ListItem>
</asp:DropDownList>
</div>
</div>

<div class="control-group">
<label class="control-label" for="input01">Zipcode:</label>
<div class="controls">
<asp:TextBox ID="txtZipcode" runat="server" CssClass="" Width="75px" />
</div>
</div>
</div>
<div class="form-actions">
<asp:button runat="server" text="Save Meeting" ID="btnSaveMeeting" OnClick="btnSaveMeeting_Click" CssClass="btn btn-large btn-primary" />
</div> 

</div>
     
       
        </asp:Panel>


     <cc1:ModalPopupExtender ID="ModalPopupExtender1" BehaviorID="mpe" runat="server"
            PopupControlID="popupPanel" CancelControlID="cancelbutton" Enabled="True" TargetControlID="btnOpenModal"
            BackgroundCssClass="modalBackground2">
        </cc1:ModalPopupExtender>

<asp:Panel ID="pnlNoMeetings" runat="server" CssClass="alert" Visible="false">
<h4>There are no meetings</h4>
<p>Currently, there are no meetings for this book club.</p>
</asp:Panel>

<asp:Repeater ID="rptMeetingList" runat="server" OnItemDataBound="rptMeetingList_OnItemDataBound">
  <HeaderTemplate>
  <div class="meeting">
    </HeaderTemplate>
    <ItemTemplate>
  <asp:HyperLink ID="lnkMeetingLink" runat="server" />
    </ItemTemplate>
    <FooterTemplate>
  </div>
    </FooterTemplate>
</asp:Repeater>


</div>
<div class="right-sidebar">
<uc:joinbox id="joinbox"  runat="server" />

 <script type="text/javascript"><!--
     google_ad_client = "ca-pub-1776925204000985";
     /* bci_250_right */
     google_ad_slot = "4159600899";
     google_ad_width = 250;
     google_ad_height = 250;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

</div>


</div>
</asp:Content>
